<template>
  <!-- 顶部菜单区域 -->
  <div class="top-box">
    <i class="iconfont iconaui-icon-back" />
    <div class="right">
      <i class="iconfont iconcc-cart" />
      <i class="iconfont iconiconuser-copy" />
      <i class="iconfont iconmore-" />
    </div>
  </div>
</template>

<script>
  export default {
  }
</script>

<style lang="scss" scoped>
@import '@/assets/style/global.scss';
$border-color: #eee;
.top-box {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: px2rem(80);
  z-index: 2;
  padding: 0 px2rem(20);
  box-sizing: border-box;
  // x偏移 y偏移 阴影模糊半径 阴影扩散半径 阴影颜色
  box-shadow: 0 px2rem(10) px2rem(10) px2rem(10) $border-color;
  @include flexLayout;
  i {
    font-size: px2rem(40);
  }
  .right {
    i {
      margin-left: px2rem(30);
    }
  }
}
</style>